<template>
  <a-layout class="main">
    <a-card :title="title" :bordered="false" style="padding:0 5px;">
      <div style="padding-bottom:10px;">
        <slot name="header"></slot>
      </div>
      <a-layout-content>
        <slot name="main"></slot>
      </a-layout-content>
    </a-card>
    <slot name="dialog"></slot>
  </a-layout>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: ""
    }
  }
};
</script>

<style scoped>
.main {
  height: 100%;
  background: #f2f2f2;
}
</style>
